Html Dersleri
HTML Örnekler
HTML Örnekleri
HTML Temel Etiket Örnekleri
Çok basit bir HTML dökümanı
Metinleri paragraflarda göstermek
Çok satırlı paragraflar
Satırları kesmek
Şiirlerle ilgili problemler (HTML formatındaki bazı problemler)
Başlık etiketleri
Ortalanmış başlık
Yatay cetvel eklemek
HTML kaynak kodu içerisine yorum yapmak
Arkaplan rengi eklemek
HTML Biçimlenmiş Metin Örnekleri
Metin biçimlemek
Biçimlendirilmemiş metin (Boşluklar ve satır sonları nasıl kontrol edilir?)
Farklı bilgisayar çıkışı olan etiketler (Programlama kodları vs.)
Adres eklemek
Özel Karakterler
Kısaltmalar
Metin yönü
Kısa ve uzun alıntılar
Metinlerin üstünü ve altını çizmek
HTML Bağlantı (Link) Örnekleri
Link oluşturmak
Resimlere link atamak
Linkleri yeni pencerede açmak
Aynı sayfada farklı bir kısıma geçmek (Jump)
Çerçeve (frame) içinde çıkabilmek
Mail adreslerine link vermek (Sadece bilgisayarınızda kurulu ise çalışır.)
Daha karmaşık bir mail linki
HTML Çerçeve (Frame) Örnekleri
3 farklı döküman için 3 farklı dikey frame oluşturmak
3 farklı döküman için 3 farklı yatay frame oluşturmak
<noframes> etiketini kullanabilmek.
Hem yatay hem dikey frame oluşturmak (mixing frameset)
Sabit boyutlarda frame oluşturmak (noresize="noresize")
Navigasyon frame oluşturmak
İç frame oluşturmak (Inline frame)
Bir frame içinde belli bir bölüme atlamak
Frame Navigasyon kullanarak belli bir bölüme atlamak
HTML Tablo (Table) Örnekleri
Basit tablolar
Farklı tablo kenarlıkları
Kenarlıksız tablolar
Tablo içerisinde başlık vermek
Boş hücreler
Tabloya manşet başlık vermek (caption)
Bir kolon/satır'dan fazla alan içeren hücreler
Tablo içinde etiketlendirmek
Hücre kenarlığı ve içeriği arasındaki boşluğu kontrol etmek (Cell padding)
Hücreler arası mesafeyi kontrol etmek (Cell spacing)
Tabloya arkaplan rengi vermek veya arkaplanına resim eklemek
Tablo hücrelerine arkaplan rengi vermek veya arkaplanına resim eklemek
Hücre içeriğini hizalamak
Çerçeve özelliği
Çerçeve ve kenarlık özellikleri
HTML Liste (List) Örnekleri
Sırasız liste
Sıralı liste
Sıralı listelerin farklı tipleri
Sırasız listelerin farklı tipleri
İçe sekmeli liste
İçe sekmeli liste 2
Tanımlama listesi
HTML Form ve Giriş Örnekleri
Giriş alanı nasıl oluşturulur
Şifre alanları
Kontrol kutucukları (Checkbox)
Seçenek kutuları (Radiobuttons)
Basit sürükle bırak kutusu (seçilebilir liste)
Diğer bir sürükle bırak kutusu (Önceden seçilmiş bir değer ile)
Metin alanı (çok satırlı metin giriş alanı)
Buton oluşturmak
Başlıklı çerçeve alanı oluşturmak
Metin giriş alanı ve gönder butonu içeren bir form örneği
Kontrol kutusu (checkbox) ve gönder butonu bulunan bir form örneği
Seçenekli kutu (radiobutton) ve gönder butonu bulunan bir form örneği
Bir formdan mail göndermek
HTML Resim Örnekleri
Resim eklemek
Başka bir klasör veya sunucudan resim yüklemek
Arkaplan resmi
Bir metin içerisindeki resmi hizalandırmak
Bir paragraftaki resimin sağa/sola kaymasını sağlamak.
Resimleri istenen boyutlara ayarlamak
Resimlere ayrıca bir açıklama metini eklemek (Eğer tarayıcı resimi yüklemezse ne olduğunu anlamak için)
Resime link vermek
Tıklanabilir resim alanı oluşturmak
Bir resimi, resim alanına dönüştürmek
HTML Arkaplan Örnekleri
İyi bir arkaplan ve metin örneği
Kötü bir arkaplan ve metin örneği
İyi bir arkaplan resmi
İyi bir arkaplan resmi 2
Kötü bir arkaplan resmi
HTML Stil Örnekleri
Bir HTML dökümanının başlık (head) kısmında stil belirlemek
Altı çizi olmayan link yaratmak
Dışardan bir stil dosyasını kullanmak
HTML <head>Örnekleri
Bir dökümana başlık vermek
Bir sayfadaki tüm linkleri tek bir hedefe yönlendirmek
HTML <meta> Örnekleri
Döküman açıklaması
Döküman dili
Bir kullanıcıyı farklı bir sayfaya yönlendirmek
HTML Script Örnekleri
Script ekleme
Tarayıcının scriptleri çalıştırıp çalıştırmamasını kontrol etmek
